@import '~antd/dist/antd.css';
@import './discover.less';
@import './footer.less';
@import './search-result.less';

.main-page {
  width: 100%;
  height: 100%;
  background-color: #fff;
  .top-nav {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background-color: #ec4141;
    display: flex;
    -webkit-app-region: drag;
    .logo {
      width: 200px;
      font-size: 16px;
      user-select:none;
      color: #e1e1e1;
    }
    .container {
      display: flex;
      flex: 1;
      padding-left: 30px;
      align-items: center;
      justify-content: space-between;
      .left-container {
        display: flex;
        align-items: center;
        -webkit-app-region: no-drag;
        .search {
          display: flex;
          width: 150px;
          align-items: center;
          opacity: .5;
        }
      }
      .control {
        -webkit-app-region: no-drag;
        .control-btn:hover {
          color: #fff!important;
        }
      }
    }
  }
  .main-box {
    height: 100%;
  }
  .sider-bar {
    width: 200px;
    border-right: 1px solid #e1e1e1;
    background-color: #fff;
  }
  .ant-layout-content{
    padding: 0 30px;
  }
  .footer{
    height: 73px;
    background-color: #fff;
    border-top: 1px solid #e1e1e1
  }
}

.bgc {
  opacity: .5;
  border: none;
}
.right {
  margin-right: 10px;
}
.active {
  font-weight: bold;
  font-size: 16px;
}

.ant-menu-item-selected a, .ant-menu-item-selected a:hover {
  color: #000!important;
};
.ant-menu-item a:hover {
  color: #000!important;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #ccc!important;
}

.base {
  max-width: 1100px;
  margin: 0 auto;
}
